/* Eric Meyer Reset (Modified)
****************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
:focus {outline:0;}
body {line-height:1; color:black; background:white;}
ul {list-style:none;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
input, select, textarea, button {vertical-align:middle; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit;}

textarea {
    border: 1px solid #eee; padding: 5px; width: 100%;
}

/* Layout
****************************************/
* {margin:0; padding:0;}
body {margin: auto; /* center in viewport */width: 960px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#555; margin:0; padding:0;/* background:url(../furniture/body_bg_blue.jpg) repeat fixed #eee;*/ height:100%;}

#left {position:absolute; top:110px; left:0; z-index:500; width:100px; height:auto; padding:0; margin:0 16px; border-bottom:1px solid #fff;}
@media screen{body>div#left{position:fixed;}}
* html body {overflow:hidden;}
* html div#left {height:100%; overflow:auto;}
.logo {margin:18px 0 0 0; padding:10px 0 10px 0; border-bottom:1px solid #d9d9d9;}
.logo img {margin-bottom:7px;}
.nav {border-top:1px solid #fff; margin:0; padding:10px 0;}
.nav li {margin:5px 0; line-height:20px;}
.nav a {padding:5px 10px; font-weight:normal;}
.nav a:hover {color:#fff; background:url(../images/bg-orange.jpg) repeat #f26522; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.column {width:900px; float:left; word-wrap:break-word; margin:0 0 0 16px;}
.pad {margin-right:30px;}
.pad5 {height:5px; width: 100%; float: left}
.pad10 {height:10px; width: 100%; float: left}
.pad20 {height:20px; width: 100%; float: left}
.pad30 {height:30px; width: 100%; float: left}
.pad40 {height:40px; width: 100%; float: left}
.pad50 {height:50px; width: 100%; float: left}
.horizontal-pad-20{width: 20px; float: left;}
.footer {width:auto; margin:50px 0 0 132px; padding:10px 0; color:#888; text-align:left;}


/* Font Elements
****************************************/
h1 {font-size:20px; line-height:30px; margin:0; padding:0; font-weight:normal;}
h2 {font-size:13px; line-height:20px; font-weight:bold; margin:0; padding:0 10px 0 20px;}
h3 {font-size:13px; line-height:20px; color: #ccc; margin:0 15px; padding:0; font-weight:normal;}

a {color:#6699cc; font-weight:bold; text-decoration:none;}
a:hover {color:#3399cc}
p {margin:0; padding:0; line-height:14px;}
.bold {font-weight:bold;}
.padbottom {margin-bottom:20px;}

.light{color:#aaa; padding: 0 10px 0 20px}
.highlight{color:#6699cc}
.spaced{line-height:30px;width:100%}


/* Miscellaneous
****************************************/
.clear {clear:both;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0;}
.clearfix {display:block;}
.floatleft {float:left;}
.floatright {float:right;}
.center {margin-left:auto; margin-right:auto; text-align:center;}
.valign {vertical-align:middle;}
.hidden {display:none;}
.list {margin:0; padding:0 0 20px 0;}
.list li {line-height:1.5em; margin:0; padding:0 0 0 22px; background:url(../images/bullet.gif) no-repeat top left;}
.centered { margin: 0 auto; }


/* Top Nav
****************************************/
div#top-bar { height:16px; width:100%; padding:7px; position:fixed; z-index:100; top:0; left:0; background-color:#000}
div#top-bar ul { margin: 0 130px; overflow:hidden; width: 300px; float: right; }
div#top-bar ul li { display:block; position:static; float:left; margin-right:15px; text-align: center }
div#top-bar ul li a { font-size: 12px; color: #aaa }

div#navigation { height:75px; width:100%; position:fixed; z-index:100; top:27px; left:0; background:url(../images/furniture/nav_bg.png) repeat-x left bottom; /*display:none;*/ }
div#navigation ul { margin:9px 0 0 215px; overflow:hidden; width: 700px; }
div#navigation ul li { display:block; height:64px; width:64px; position:static; float:left; margin-right:20px; margin-top:3px; margin-bottom:6px; text-align: center }
div#navigation ul li a { font-size: 11px; color: #aaa }
div#navigation ul li a:hover,
div#navigation ul li a:focus { color: #ccc  }

#main-search{
  width:280px;
  height:50px;
  margin: 10px 100px;
  position:fixed;
  top:37px;
  right:40px;
  z-index: 200; 
}

/* Input Boxes
****************************************/

.search-input{
  background:#FFF url("../images/icons/search-bg.png")  right no-repeat;
  padding:6px;
  border-radius:3px;
  border: 1px solid #ccc;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  width:200px;
  color:#555;	
}

/* Social
****************************************/

.update-image{width:60px; float:left}
.update-text{width:338px; float:left}
.update-reply-image{width:40px; margin-right: 10px; float:left ;display: inline-block}
.update-reply{width:298px; margin-left: 20px; padding-top:5px; padding-bottom:5px; float:left; display: inline-block; border-top: 1px solid #ccc}
.music_update{width:338px; float:left}

span.cmd {padding-right: 5px;}

.yui3-g {letter-spacing: 0;word-spacing: 0;}
div.box {
    background: none repeat scroll 0 0 #66AAFF;
    float: left;
    margin: 1em;
    padding: 20px;
    
}

form#join fieldset {
    border: none;
    margin-bottom: 10px;
}

form#join fieldset:last-of-type {
    margin-bottom: 0;
}

form#join legend {
    color: #384313;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 30px;    
}


form#join fieldset fieldset legend {
    color: #111111;
    font-size: 13px;
    font-weight: normal;
    padding-bottom: 0;
}

form#join {
    background: #b9cf6a;
    background: rgba(255,255,255,.3);
    border-color: #e3ebc3;
    border-color: rgba(255,255,255,.6);
    border-width: 2px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    line-height: 30px;
}

form#join ol li {
    list-style: none;
    padding: 5px 10px;
    margin-bottom: 2px;
}

.title {
    padding: 0 0 10px 5px;
}


form#join ol ol li {
    background: none;
    border: none;
    float: left;
}

form#join label {
    float: left;
    font-size: 13px;
    width: 110px;
}
form#join fieldset fieldset label {
    background:none no-repeat left 50%;
    line-height: 20px;
    padding: 0 0 0 30px;
    width: auto;
}
form#join label[for=visa] {
    background-image: url(visa.gif);
}
form#join label[for=amex] {
    background-image: url(amex.gif);
}
form#join label[for=mastercard] {
    background-image: url(mastercard.gif);
}
form#join fieldset fieldset label:hover {
    cursor: pointer;
}

form#join input:not([type=radio]),
form#join textarea {
    background: #ffffff;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    font: italic 13px Georgia, "Times New Roman", Times, serif;
    outline: none;
    padding: 5px;
    width: 200px;
}

form#join input:not([type=submit]):focus,
form#join textarea:focus {
    background: #eaeaea;
}
form#join input[type=radio] {
    float: left;
    margin-right: 5px;
}

form#join button {
    background: #66AAFF;
    border: none;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    color: #ffffff;
    display: block;    
    letter-spacing: 1px;
    margin: auto;
    padding: 7px 25px;
    text-shadow: 0 1px 1px #000000;
    text-transform: uppercase;
    float: right;
}

form#join button:hover {
    background: #1e2506;
    cursor: pointer;
}

fieldset#controls {
    padding-bottom: 10px;
    padding-right: 10px;
}